<script setup>
import KOfooter from '../../components/KOfooter/KOfooter.vue'
import KOheader from "../../components/KOheader/KOheader.vue";
// import BUTTON from "../../components/Button/button.vue"
// import { WalletFilled} from "@element-plus/icons-vue";
</script>

<template>
  <div class="HOME">
    <KOfooter/>
    <KOheader/>
    <div class="button">
      <el-button round><router-link to="/RUNE" class="linksRot">GO TO MIN</router-link></el-button>
    </div>
  </div>
</template>

<style scoped>
.HOME {
  background-image: url('../../assets/图层 8@2x.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: calc(100vh);
}

.el-button {
  font-size: 20px;
  height: 80px;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  padding-left: 80px;
  padding-right: 80px;
  border-radius: 40px;
  /* background-color: rgb(152, 90, 183); */
  background: linear-gradient(to right, rgb(198, 66, 189), rgb(120, 150, 255));
  /* background: linear-gradient( to right, #160d35, #2f0a49); */
  color: white;
  border: 0;
}

.button {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-8.3125rem);
}

::v-deep .el-icon {
  color: rgb(255, 255, 255);
}
.linksRot{
  color: white;
  font-size: 20px;
  font-weight: 700;
}
</style>